.compact-input-select {
  position: relative;
  &-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: calc(100% - 37px);
    height: 32px;
    .ant-input, .ant-input-number {
      width: 100%;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
  }
  &-select {
    &-btn {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 9;
      width: 37px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border: 1px solid rgb(205, 215, 236);
      border-left: none;
      color: rgb(78, 91, 113);
      background-color: rgb(247, 248, 250);
      pointer-events: none;
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
    }
  }
  &-option {
    white-space: normal;
    .description {
      white-space: pre-wrap;
      color: $font-description;
    }
  }
  .ant-select.ant-select-enabled {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
  }
  .compact-input-select-select-option {
    white-space: normal;
    .description {
      white-space: pre-wrap;
      color: $font-description;
    }
  }
}
